<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="vieport" content="width=device-width, initial-scale=1.0">
    <title>学校简介</title>
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="anothor.css">
    <style>
    h2 {
        border-bottom: 2px solid #ccc;
        padding-bottom: 0.25em;
    }
    li[title*=办学条件] {
        color: slateblue;
    }
    .red {
        color: rgb(19, 19, 19);
    }
    #demo {
        color: yellowgreen;
    }
    li:nth-child(2) {
        background-color: rgb(233, 112, 112);
    }
    </style>
</head>

<body>
    <header>
        <h1 contenteditable class="red">学校简介</h1>
    </header>
    <main>
        <section>
            <h2 style="color: seagreen;">西北民族大学</h2>
            <ol>
                <li title="办学条件">办学条件</li>
                <li class="red">文化传统</li>
                <li id="demo">学校领导</li>
                <li>学术交流</li>
            </ol>
        </section>
        <section>
            <h2 style="color: seagreen;">基本信息</h2>
            <ol>
                <li >院系专业</li>
                <li>师资力量</li>
                <li>教学建设</li>
                <li>学科建设</li>
            </ol>
            <ol>
                <li>学校标志</li>
                <li>精神文化</li>
            </ol>
            <ol>
                <li>历任领导</li>
                <li>现任领导</li>
            </ol>
            <ol>
                <li>科研成果</li>
                <li>科研平台</li>
                <li>学术资源</li>
            </ol>
        </sections>
    </main>
</body>